<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 管理系统大布局 - Layui</title>

    <link rel="stylesheet" href="/static/layui/layui/css/layui.css" />
    <link rel="stylesheet" href="/static/index/index.css">
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        {include file="common:header"} {include file="common:left"}
        <div class="layui-body">
            {block name="mid"}
            <div style="padding: 15px;">内容主体区域。记得修改 layui.css 和 js 的路径</div>
            {/block}
        </div>

        <div class="layui-footer">
        </div>

        <script src="/static/layui//layui/layui.js"></script>
        <script text="text/javascript" src="/static/jquery/jquery.min.js"></script>
        <script text="text/javascript">
            //JS 
            layui.use(['element', 'layer', 'util', 'table'], function() {
                var element = layui.element,
                    layer = layui.layer,
                    util = layui.util,
                    upload = layui.upload,
                    $ = layui.$;

                //头部事件
                util.event('lay-header-event', {
                    //左侧菜单事件
                    menuLeft: function(othis) {
                        layer.msg('展开左侧菜单的操作', {
                            icon: 0
                        });
                    },
                    menuRight: function() {
                        layer.open({
                            type: 1,
                            content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
                            area: ['260px', '100%'],
                            offset: 'rt' //右上角
                                ,
                            anim: 5,
                            shadeClose: true
                        });
                    }


                });
                // <!--退出账户-->
                $('.logout').click(function() {
                        var url = $(this).attr('link');
                        layer.confirm('确定要删除吗', {
                            icon: 3,

                        }, function() {
                            $.get(url, function(data) {
                                if (data.code == 200) {
                                    layer.alert(data.msg, {
                                        icon: 6
                                    }, function(index) {
                                        layer.close(index)
                                        window.location.reload()

                                    });
                                } else {
                                    layer.alert(data.msg)
                                }

                            })
                        })


                    })
                    // 删除表格数据
                $('.del').click(function() {
                    var url = $(this).attr('link');
                    layer.confirm('确定要删除吗', {
                        icon: 3,

                    }, function() {
                        $.get(url, function(data) {
                            if (data.code == 200) {
                                layer.alert(data.msg)
                                window.location.reload()

                            } else {
                                layer.alert(data.msg)
                            }

                        })
                    })


                })

                /*添加*/
                $("#open_btn_primary").on("click", function() {
                    var index = layer.open({
                        type: 2, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                        title: ['我是标题'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
                        area: ['500px', '400px'],
                        content: "{:url('cate/addcate')}"
                    });
                })

                $("#open_btn_primary1").on("click", function() {
                    var index = layer.open({
                        type: 2, //可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                        title: ['我是标题'], //数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false
                        area: ['500px', '400px'],
                        content: "{:url('goods/addcate')}"
                    });
                })

                var table = layui.table;
                table.render({
                    page: true //开启分页
                });



            });
        </script>




</body>

</html>